<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>周年专区</title>
    <!-- <link rel="stylesheet" href="/css/reset.css">
    <link rel="stylesheet" href="/css/modules/header.css">
    <link rel="stylesheet" href="/css/modules/footer.css"> -->
    <link rel="stylesheet" href="/css/zhounian.css">
    <link rel="stylesheet" href="/css/iconfont.css">
    
</head>

<body>
    <!-- 头部 -->
    <header></header>

    <!-- 内容部分 -->
    <div class="neirongBox">
        <div class="neirong">
            <span><a href="#">首页></a></span>
            <span>所有商品</span>
        </div>
        <!-- <ul>
            <li>分类:</li>
            <li><a href="">全部</a></li>
            <li><a href="">周年纪念礼盒</a></li>
            <li><a href="">家居日用</a></li>
        </ul> -->
        <div class="paixuBox">
            <ol class="paixu" id="tabList">
                <!-- <li>排序:</li>
                <li><a href="">默认</a></li>
                <li>
                    <a href="">价格</a>
                    <i></i>
                </li>
                <li>
                    <a href="">新品</a>
                    <i></i>
                </li>
                <li>
                    <a href="">人气</a>
                    <i></i>
                </li>
                <li>
                    <a href="">销量</a>
                    <i></i>
                </li> -->
            </ol>
            <script type="text/html" id="renderNav">
                {{ each data item}}
                <li>
                    <a href="/html/zhounianzhuanqu.html?id={{item.id}}">{{item.name}}</a>
                </li>
                {{/each}}
            </script>
            <!-- <ol class="shaixuan">
                <li>筛选</li>
                <li>
                    <i></i>
                    <a href="">有货</a>
                </li>
                <li>
                    <i></i>
                    <a href="">包邮</a>
                </li>
                <li>
                    <i></i>
                    <a href="">聚豆可抵</a>
                </li>
            </ol> -->

        </div>

        <!-- 商品区 -->

        <div class="shangpinBox" id="good_list">
            <!-- <div class="shangpin">
                <i><img src="/images/ziye.jpg" alt=""></i>
                <p>PUBG-快递小哥棒球帽</p>
                <span>￥168.00 &nbsp;&nbsp;<b>￥299.00</b></span>
            </div>
            <div class="shangpin">
                <i><img src="/images/ziye1.jpg" alt=""></i>
                <p>PUBG-98K警告T恤</p>
                <span>￥168.00 &nbsp;&nbsp;<b>￥238.00</b></span>
            </div>
            <div class="shangpin">
                <i><img src="/images/ziye2.jpg" alt=""></i>
                <p>PUBG-恐龙乐园T恤</p>
                <span>￥168.00 &nbsp;&nbsp;<b>￥299.00</b></span>
            </div>
            <div class="shangpin">
                <i><img src="/images/ziye3.jpg" alt=""></i>
                <p>PUBG-拳王爆炸头的小黄衣</p>
                <span>￥298.00 &nbsp;&nbsp;<b>￥399.00</b></span>
            </div>
            <div class="shangpin">
                <i><img src="/images/ziye4.jpg" alt=""></i>
                <p>周年纪念卫衣礼盒</p>
                <span>￥428.00 &nbsp;&nbsp;<b>￥499.00</b></span>
            </div>
            <div class="shangpin">
                <i><img src="/images/ziye4.jpg" alt=""></i>
                <p>周年纪念鼠标垫套装</p>
                <span>￥248.00 &nbsp;&nbsp;<b>￥299.00</b></span>
            </div>
            <div class="shangpin">
                <i><img src="/images/ziye4.jpg" alt=""></i>
                <p>周年典藏礼盒标准版</p>
                <span>￥518.00 &nbsp;&nbsp;<b>￥599.00</b></span>
            </div> -->
        </div>

        <!-- 模板 -->
        <!-- <script type="text/html" id="homeList">
        {{ each data item }}
        <div class="shangpin">
            <i><img src="{{item.src}}" alt=""></i>
            <p>{{item.txt}}</p>
            <p>￥{{item.price}}</p>
        </div>
        {{/each}}
        </script> -->
        <script type="text/html" id="categoryList">
             <p>{{ cname }}</p>
            {{each data item}}
            <div class="shangpin">
                <a href="/html/detail.html?id={{item.id}}"><img src="{{item.image}}" alt=""></a>
                <a href=""><p>{{item.title}}</p></a>
                <p>￥{{item.price}}</p>
            </div>
            {{/each}}
        </script>


        <div class="yeshu">
            <span>1</span>
            <div class="huanye">
                <a href="#"><i></i></a>
                <a href="#"><i></i></a>
            </div>
        </div>
    </div>


    <!-- 尾部 -->
    <footer></footer>

    <script src="/libs/require/require.min.js" data-main="/js/zhounian"></script>
    
</body>

</html>